<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html" ; charset="utf-8" />
    <title>宏宇教育信息采集</title>
    <link href="../../../css/main.css" rel="stylesheet" type="text/css" />
    <link
      href="../../../bstable/css/bootstrap.min.css"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="../../../bstable/css/bootstrap-table.css"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="../../../layer_v2.1/layer/skin/layer.css"
      rel="stylesheet"
      type="text/css"
    />
    <link href="../../../css/new.css" rel="stylesheet" type="text/css" />
  </head>

  <body>
    <!-- <div class="lx-top">
        宏宇教育信息采集
    </div> -->

    <div class="lx-section">
      <div class="title">基本信息</div>
      <div class="lx-form">
        <div class="p_line text_ient lx-row">
          <p class="col lx-col-50">
            <a class="find_a"><span style="color: red">*</span> 姓名：</a>
            <input
              id="name"
              type="text"
              maxlength="10"
              class="form_input text_ient"
              placeholder="自动识别或手动输入"
            />
          </p>
          <p class="col lx-col-50">
            <a class="find_a"><span style="color: red">*</span>身份证号：</a>
            <input
              id="idno"
              type="text"
              maxlength="18"
              class="form_input text_ient"
              placeholder="自动识别或手动输入"
            />
          </p>
        </div>
        <div class="p_line text_ient lx-row ptb10">
          <div class="col lx-col-50">
            <a class="find_a">身份证正面：</a>
            <p class="img-con front-con">
              <img src="" />
              <b class="del-img">❌</b>
            </p>
            <input
              id="id-front"
              type="file"
              class="input-file"
              accept="image/*"
            />
          </div>
          <div class="col lx-col-50">
            <a class="find_a">身份证反面：</a>
            <p class="img-con">
              <img src="" />
              <b class="del-img">❌</b>
            </p>
            <input
              id="id-back"
              type="file"
              class="input-file"
              accept="image/*"
            />
          </div>
        </div>
        <div class="p_line text_ient lx-row">
          <p class="col lx-col-25">
            <a class="find_a"><span style="color: red">*</span>电话：</a>
            <input
              id="phone"
              type="text"
              maxlength="11"
              class="form_input text_ient"
              placeholder="请输入11位手机号"
            />
          </p>
          <p class="col lx-col-25">
            <a class="find_a">民族：</a>
            <input
              id="nation"
              type="text"
              class="form_input text_ient"
              placeholder="自动识别或手动输入"
            />
          </p>
          <p class="col lx-col-25">
            <a class="find_a">性别：</a>
            <select class="select-30 form-control" style="width: 80%" id="sex">
              <option>男</option>
              <option>女</option>
            </select>
          </p>
          <p class="col lx-col-25">
            <a class="find_a">生日：</a>
            <input
              type="date"
              id="birth"
              class="form_input text_ient"
              placeholder="自动识别或手动输入"
            />
          </p>
        </div>
        <div class="p_line text_ient lx-row">
          <p class="col lx-col-100">
            <a class="find_a">住址：</a>
            <input
              type="text"
              id="address"
              class="form_input text_ient"
              placeholder="自动识别或手动输入"
            />
          </p>
        </div>
        <div class="p_line text_ient lx-row">
          <p class="col lx-col-33">
            <a class="find_a">邮箱：</a>
            <input
              id="email"
              type="text"
              maxlength="20"
              class="form_input text_ient"
              placeholder="请输入邮箱号"
            />
          </p>
          <p class="col lx-col-33">
            <a class="find_a">QQ：</a>
            <input
              id="qq"
              type="text"
              maxlength="13"
              class="form_input text_ient"
              placeholder="请输入QQ号"
            />
          </p>
          <p class="col lx-col-33">
            <a class="find_a">工作单位：</a>
            <input
              id="company"
              type="text"
              maxlength="13"
              style="width: 70%"
              class="form_input text_ient"
              placeholder="请输入工作单位"
            />
          </p>
        </div>

        <div class="p_line text_ient lx-row ptb10">
          <div class="col lx-col-50">
            <a class="find_a">1寸蓝/白底照片：</a>
            <p class="img-con front-con">
              <img src="" />
              <b class="del-img">❌</b>
            </p>
            <input id="1cun" type="file" class="input-file" accept="image/*" />
          </div>
          <div class="col lx-col-50">
            <a class="find_a">2寸蓝/白底照片：</a>
            <p class="img-con">
              <img src="" />
              <b class="del-img">❌</b>
            </p>
            <input id="2cun" type="file" class="input-file" accept="image/*" />
          </div>
        </div>
      </div>
    </div>

    <div class="lx-section">
      <div class="title">第一学历</div>
      <div class="p_line text_ient lx-row">
        <p class="col lx-col-33">
          <a class="find_a">学历层次：</a>
          <select
            id="educationName"
            style="width: 50%"
            id=""
            class="educationLevel select-30 form-control"
          >
            <option value="">请选择</option>
          </select>
          <!-- <input id="major1" type="text" class="form_input text_ient" placeholder="请输入专业名称" /> -->
        </p>
        <p class="col lx-col-33">
          <a class="find_a">专业：</a>
          <input
            id="zhuanye"
            type="text"
            class="form_input text_ient"
            placeholder="请输入专业名称"
          />
        </p>
        <p class="col lx-col-33">
          <a class="find_a">毕业院校：</a>
          <input
            id="school"
            type="text"
            style="width: 75%"
            class="form_input text_ient"
            placeholder="请输入专业名称"
          />
        </p>
      </div>
      <div class="p_line text_ient lx-row">
        <p class="col lx-col-33">
          <a class="find_a">学习形式：</a>
          <input
            id="studyMode"
            type="text"
            style="width: 75%"
            class="form_input text_ient"
            placeholder="请输入学习形式"
          />
        </p>
        <p class="col lx-col-33">
          <a class="find_a">证书编号：</a>
          <input
            id="certificateNumber"
            type="text"
            style="width: 75%"
            class="form_input text_ient"
            placeholder="请输入证书编号"
          />
        </p>
        <p class="col lx-col-33">
          <a class="find_a">毕业时间：</a>
          <input
            id="time"
            type="date"
            style="width: 75%"
            class="form_input text_ient"
            placeholder="请选择毕业时间"
          />
        </p>
      </div>
      <div class="p_line text_ient lx-row ptb10">
        <div class="col lx-col-33">
          <a class="find_a">毕业证：</a>
          <p class="img-con front-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="biyezheng1"
            type="file"
            class="input-file"
            accept="image/*"
          />
        </div>
        <div class="col lx-col-33">
          <a class="find_a">学位证：</a>
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="xueweizheng1"
            type="file"
            class="input-file"
            accept="image/*"
          />
        </div>
        <div class="col lx-col-33">
          <a class="find_a">电子注册表：</a>
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="zhucebiao1"
            type="file"
            style="width: 65%"
            class="input-file"
            accept="image/*"
          />
        </div>
      </div>
    </div>

    <div class="lx-section">
      <div class="title">第二学历</div>
      <div class="p_line text_ient lx-row">
        <p class="col lx-col-33">
          <a class="find_a">学历层次：</a>
          <select
            id="educationName2"
            style="width: 50%"
            class="educationLevel select-30 form-control"
          >
            <option value="">请选择</option>
          </select>
          <!-- <input id="major1" type="text" class="form_input text_ient" placeholder="请输入专业名称" /> -->
        </p>
        <p class="col lx-col-33">
          <a class="find_a">专业：</a>
          <input
            id="zhuanye2"
            type="text"
            class="form_input text_ient"
            placeholder="请输入专业名称"
          />
        </p>
        <p class="col lx-col-33">
          <a class="find_a">毕业院校：</a>
          <input
            id="school2"
            type="text"
            style="width: 75%"
            class="form_input text_ient"
            placeholder="请输入专业名称"
          />
        </p>
      </div>
      <div class="p_line text_ient lx-row">
        <p class="col lx-col-33">
          <a class="find_a">学习形式：</a>
          <input
            type="text"
            style="width: 75%"
            class="form_input text_ient"
            placeholder="请输入学习形式"
          />
        </p>
        <p class="col lx-col-33">
          <a class="find_a">证书编号：</a>
          <input
            id="certificateNumber2"
            type="text"
            style="width: 75%"
            class="form_input text_ient"
            placeholder="请输入证书编号"
          />
        </p>
        <p class="col lx-col-33">
          <a class="find_a">毕业时间：</a>
          <input
            id="time2"
            type="date"
            style="width: 75%"
            class="form_input text_ient"
            placeholder="请选择毕业时间"
          />
        </p>
      </div>
      <div class="p_line text_ient lx-row ptb10">
        <div class="col lx-col-33">
          <a class="find_a">毕业证：</a>
          <p class="img-con front-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="biyezheng2"
            type="file"
            class="input-file"
            accept="image/*"
          />
        </div>
        <div class="col lx-col-33">
          <a class="find_a">学位证：</a>
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="xueweizheng2"
            type="file"
            class="input-file"
            accept="image/*"
          />
        </div>
        <div class="col lx-col-33">
          <a class="find_a">电子注册表：</a>
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="zhucebiao2"
            type="file"
            style="width: 65%"
            class="input-file"
            accept="image/*"
          />
        </div>
      </div>
    </div>

    <div class="lx-section">
      <div class="title">证书信息</div>
      <div class="p_line text_ient lx-row">
        <div class="col lx-col-50 lx-zheng">
          <a class="find_a">证书：</a>
          <input
            type="text"
            class="form_input text_ient"
            placeholder="请输入证书名称"
          />
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input id="zh1" type="file" class="input-file" accept="image/*" />
        </div>
        <div class="col lx-col-50 lx-zheng">
          <a class="find_a">证书：</a>
          <input
            type="text"
            class="form_input text_ient"
            placeholder="请输入证书名称"
          />
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input id="zh2" type="file" class="input-file" accept="image/*" />
        </div>
      </div>
      <div class="p_line text_ient lx-row ptb10">
        <div class="col lx-col-50 lx-zheng">
          <a class="find_a">证书：</a>
          <input
            type="text"
            class="form_input text_ient"
            placeholder="请输入证书名称"
          />
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input id="zh3" type="file" class="input-file" accept="image/*" />
        </div>
        <div class="col lx-col-50 lx-zheng">
          <a class="find_a">证书：</a>
          <input
            type="text"
            class="form_input text_ient"
            placeholder="请输入证书名称"
          />
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input id="zh4" type="file" class="input-file" accept="image/*" />
        </div>
      </div>
    </div>

    <div class="lx-section">
      <div class="title">学历报考信息</div>
      <div class="lx-row">
        <div class="p_line text_ient lx-row student-education">
          <div class="div_line">
            <a class="find_a">学习形式：</a>
            <select
              id="baokao-studyMode"
              class="studyMode form-control"
              onchange=""
            >
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">学历层次：</a>
            <select
              id="baokao-educationName"
              class="educationLevel educationName form-control"
              onchange="querySchool(this, 0)"
            >
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">学校：</a>
            <select
              id="myschool0"
              class="form-control myschool"
              onchange="queryCourse(this, 0)"
            >
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">报考专业：</a>
            <select
              id="mycourse0"
              class="form-control mycourse"
              onchange="showFee(this, '.fee-0')"
            >
              <option value="0">请选择</option>
            </select>
            <button class="a_add add" onclick="xueReportAdd(event)">
              新增
            </button>
          </div>
        </div>
        <div class="p_line text_ient lx-row ptb10">
          <a class="find_a">批次：</a>
          <select id="mybatch" class="select-30 form-control mybatch">
            <option value="0">请选择</option>
          </select>
        </div>
      </div>
    </div>

    <div class="lx-section">
      <div class="title">职业报考信息</div>
      <div class="lx-row">
        <div class="p_line text_ient lx-row ptb10 student-occupation">
          <div class="div_line">
            <a class="find_a">职业技能类别：</a>
            <select
              id="myOccupation"
              class="form-control myeducation professional-type"
              onchange="queryOccupation(this, 0)"
            >
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">报考专业：</a>
            <select
              id="myOccupationCourse0"
              class="form-control majorName"
              onchange="showFee(this, '.zhiye-0')"
            >
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">批次：</a>
            <select id="myOccupationBatch" class="form-control mybatch">
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">报考说明：</a>
            <input
              id="myOccupationExplain"
              type="text"
              class="form_input text_ient explain"
              placeholder="请输入报考说明"
            />
            <button class="a_add add" onclick="zhiyeAdd(event)">新增</button>
          </div>
        </div>
      </div>
    </div>

    <div class="lx-section">
      <div class="title">职称报考信息</div>
      <div class="lx-row">
        <div class="p_line text_ient lx-row ptb10 student-title">
          <div class="div_line">
            <a class="find_a">职称等级：</a>
            <select
              id="professionalLevel"
              class="form-control job-title professional-level"
            >
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">职称系列：</a>
            <select
              id="professionalSeries"
              class="form-control professional-series"
            >
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">报考专业：</a>
            <select
              id="majorName"
              class="form-control majorName"
              onchange="showFee(this, 'zhicheng-0')"
            >
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">批次：</a>
            <select id="zhichengBatch" class="form-control mybatch">
              <option value="0">请选择</option>
            </select>
            <button class="a_add add" onclick="zhichengAdd(event)">新增</button>
          </div>
        </div>
      </div>
    </div>

    <div class="lx-section">
      <div class="title">培训报考信息</div>
      <div class="lx-row">
        <div class="p_line text_ient lx-row student-train">
          <div class="div_line">
            <a class="find_a">报考项目：</a>
            <select
              id="applyProject"
              class="form-control myTrain apply-project"
              onchange="queryTrain(this, 0)"
            >
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">考试科目：</a>
            <select
              id="examCourse0"
              class="form-control exam-course"
              onchange="showFee(this, 'peixun-0')"
            >
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">班次：</a>
            <select id="classes" class="form-control classes">
              <option value="0">请选择</option>
            </select>
          </div>
          <div class="div_line">
            <a class="find_a">批次：</a>
            <select id="trainBatch" class="form-control mybatch">
              <option value="0">请选择</option>
            </select>
            <button class="a_add add" onclick="peixunAdd(event)">新增</button>
          </div>
        </div>
        <div class="p_line text_ient lx-row ptb10">
          <a class="find_a">报考类型：</a>
          <select
            id="applyAssist"
            style="width: 25%; max-width: 180px"
            class="select-30 form-control apply-assist"
          >
            <option value="" selected>请选择</option>
            <option value="0">报考</option>
            <option value="1">培训</option>
            <option value="2">培训加报考</option>
          </select>
          <a class="find_a">开始时间：</a>
          <input
            id="start"
            type="date"
            class="form_input text_ient start"
            style="width: 220px"
            placeholder="请选择开始时间"
          />
          <a class="find_a">结束时间：</a>
          <input
            id="end"
            type="date"
            class="form_input text_ient end"
            style="width: 220px"
            placeholder="请选择结束时间"
          />
        </div>
      </div>
    </div>

    <div id="xueli">
      <div class="lx-section fee fee-0">
        <div class="title">学历缴费信息</div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
          <table class="layui-table content-table" style="width: 100%">
            <thead>
              <tr>
                <th>期数</th>
                <th>缴费金额</th>
                <th>缴费日期</th>
                <th>是否已缴费</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
            </tbody>
          </table>

          <div
            class="p_line text_ient lx-row ptb10"
            style="width: 90%; margin: 0 auto"
          >
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>总费用：</a>
              <input
                type="number"
                class="form_input text_ient zong"
                placeholder="请输入总费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>优惠费用：</a>
              <input
                type="number"
                class="form_input text_ient youhui"
                placeholder="请输入优惠费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>实缴费用：</a>
              <input
                type="number"
                class="form_input text_ient shijiao"
                placeholder="请输入实缴费用"
                maxlength="7"
              />
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="zhiye">
      <div class="lx-section fee zhiye-0">
        <div class="title">职业缴费信息</div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
          <table class="layui-table content-table" style="width: 100%">
            <thead>
              <tr>
                <th>期数</th>
                <th>缴费金额</th>
                <th>缴费日期</th>
                <th>是否已缴费</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
            </tbody>
          </table>
          <div
            class="p_line text_ient lx-row ptb10"
            style="width: 90%; margin: 0 auto"
          >
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>总费用：</a>
              <input
                type="number"
                class="form_input text_ient zong"
                placeholder="请输入总费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>优惠费用：</a>
              <input
                type="number"
                class="form_input text_ient youhui"
                placeholder="请输入优惠费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>实缴费用：</a>
              <input
                type="number"
                class="form_input text_ient shijiao"
                placeholder="请输入实缴费用"
                maxlength="7"
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="zhicheng">
      <div class="lx-section fee zhicheng-0">
        <div class="title">职称缴费信息</div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
          <table class="layui-table content-table" style="width: 100%">
            <thead>
              <tr>
                <th>期数</th>
                <th>缴费金额</th>
                <th>缴费日期</th>
                <th>是否已缴费</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
            </tbody>
          </table>
          <div
            class="p_line text_ient lx-row ptb10"
            style="width: 90%; margin: 0 auto"
          >
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>总费用：</a>
              <input
                type="number"
                class="form_input text_ient zong"
                placeholder="请输入总费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>优惠费用：</a>
              <input
                type="number"
                class="form_input text_ient youhui"
                placeholder="请输入优惠费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>实缴费用：</a>
              <input
                type="number"
                class="form_input text_ient shijiao"
                placeholder="请输入实缴费用"
                maxlength="7"
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="peixun">
      <div class="lx-section fee peixun-0">
        <div class="title">培训缴费信息</div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
          <table class="layui-table content-table" style="width: 100%">
            <thead>
              <tr>
                <th>期数</th>
                <th>缴费金额</th>
                <th>缴费日期</th>
                <th>是否已缴费</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="text"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
            </tbody>
          </table>
          <div
            class="p_line text_ient lx-row ptb10"
            style="width: 90%; margin: 0 auto"
          >
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>总费用：</a>
              <input
                type="number"
                class="form_input text_ient zong"
                placeholder="请输入总费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>优惠费用：</a>
              <input
                type="number"
                class="form_input text_ient youhui"
                placeholder="请输入优惠费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>实缴费用：</a>
              <input
                type="number"
                class="form_input text_ient shijiao"
                placeholder="请输入实缴费用"
                maxlength="7"
              />
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="xueReport lx-section" style="display: none">
      <div class="title">退款信息</div>
      <div class="lx-row">
        <div class="p_line text_ient lx-row ptb10">
          <a class="find_a">应退费用：</a>
          <input type="text" class="form_input text_ient" />
          <a class="find_a">扣除费用：</a>
          <input type="text" class="form_input text_ient" />
          <a class="find_a">实退费用：</a>
          <input type="text" class="form_input text_ient" />
        </div>
      </div>
    </div>

    <div class="lx-section" id="reason-tuikuan" style="display: none">
      <div class="title">退款原因</div>
      <div class="lx-form">
        <div class="p_line text_ient lx-row">
          <p class="col lx-col-100">
            <textarea
              cols="3"
              type="textarea"
              maxlength="200"
              class="form_input text_ient reason"
              placeholder="请输入原因"
            ></textarea>
          </p>
        </div>
      </div>
    </div>

    <div class="lx-section" id="reason-shoukuan" style="display: none">
      <div class="title">收款人信息</div>
      <div class="lx-form">
        <div class="p_line text_ient lx-row">
          <p class="col lx-col-100">
            <textarea
              cols="3"
              type="textarea"
              maxlength="200"
              class="form_input text_ient reason"
              placeholder="请输入原因"
            ></textarea>
          </p>
        </div>
      </div>
    </div>

    <div class="lx-section" id="pingzheng" style="display: none">
      <div class="title">财务凭证信息</div>
      <div class="lx-form">
        <div class="p_line text_ient lx-row ptb10">
          <div class="col lx-col-33 pz1">
            <a class="find_a">缴费凭证：</a>
            <p class="img-con" style="display: inline-block">
              <img src="" id="jiaofei" />
            </p>
          </div>
          <div class="col lx-col-33 pz1">
            <a class="find_a">优惠凭证：</a>
            <p class="img-con" style="display: inline-block">
              <img src="" id="youhui" />
            </p>
          </div>
          <div class="col lx-col-33 pz1">
            <a class="find_a">其他凭证：</a>
            <p class="img-con" style="display: inline-block">
              <img src="" id="qita" />
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="lx-section" id="reason-con" style="display: none">
      <div class="title">驳回原因</div>
      <div class="lx-form">
        <div class="p_line text_ient lx-row">
          <p class="col lx-col-100">
            <textarea
              id="reason"
              cols="3"
              type="textarea"
              maxlength="200"
              class="form_input text_ient reason"
              placeholder="请输入原因"
            ></textarea>
          </p>
        </div>
      </div>
    </div>

    <div id="buttons" style="text-align: center; margin-bottom: 30px">
      <button class="a_add" id="save">保存</button>
      <button class="a_add" id="submit">提交</button>
    </div>

    <div
      id="buttons-back"
      style="display: none; text-align: center; margin-bottom: 30px"
    >
      <button class="a_add" id="back" onclick="handleBack()">返回</button>
    </div>

    <div
      id="check-buttons"
      style="text-align: center; margin-bottom: 30px; display: none"
    >
      <button class="a_add" id="resolve">审核通过</button>
      <button class="a_add" id="reject">驳回</button>
    </div>

    <div class="big-img" style="display: none">
      <img src="" alt="" />
    </div>

    <script src="../../../js/jquery.js"></script>
    <script src="../../../js/common.js"></script>
    <script src="../../../layer_v2.1/layer/layer.js"></script>
    <script src="../../../bstable/js/bootstrap-table.js"></script>
    <script src="../../../bstable/js/bootstrap-table-zh-CN.min.js"></script>
    <script src="../../../js/laydate-master/laydate.js"></script>

    <script>
      function handleBack() {
        console.log('pageFrom', pageFrom);
        var a = document.createElement('a');
        a.href = 'tradeSearch.html';
        a.click();
        a = null;
      }

      function getQuery(variable) {
        var query = window.location.search.substring(1);
        var vars = query.split('&');
        for (var i = 0; i < vars.length; i++) {
          var pair = vars[i].split('=');
          if (pair[0] == variable) {
            return pair[1];
          }
        }
        return false;
      }

      var flag = getQuery('flag');
      var feeId = '';

      localStorage.setItem('name', '教务管理/教务信息管理/查看');
      var info = {
        fileInput: $('.input-file'),
        delBtn: $('.del-img'),
        init: function () {
          this.fileChange();
          this.delImg();
          this.initSubmit();
          this.initSelects();
        },
        initSelects() {
          $.ajax({
            url: baseUrl + 'education/queryModeList',
            async: false,
            method: 'Post',
            headers: {
              Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
            },
            success: function (data) {
              var html_ = '<option value="0">请选择</option>';
              for (var i = 0; i < data.length; i++) {
                html_ +=
                  '<option  value="' +
                  data[i].id +
                  '" >' +
                  data[i].mode +
                  '</option>';
              }
              // $("#baokao-studyMode").html(html_);
              $('.studyMode').html(html_);
            },
          });
          $.ajax({
            url: baseUrl + 'education/queryEducationList',
            async: false,
            method: 'Post',
            headers: {
              Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
            },
            success: function (data) {
              var html_ = '<option value="0">请选择</option>';
              for (var i = 0; i < data.length; i++) {
                html_ +=
                  '<option  value="' +
                  data[i].id +
                  '" >' +
                  data[i].educationName +
                  '</option>';
              }
              // $("#myeducation").html(html_);
              $('.educationLevel').html(html_);
              //alert(data[0].educationName);
            },
          });
          $.ajax({
            url: baseUrl + 'education/queryOccupationList',
            async: false,
            method: 'Post',
            headers: {
              Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
            },
            success: function (data) {
              var html_ = '<option value="0">请选择</option>';
              for (var i = 0; i < data.length; i++) {
                html_ +=
                  '<option  value="' +
                  data[i].id +
                  '" >' +
                  data[i].occupationName +
                  '</option>';
              }
              // $("#myOccupation").html(html_);
              $('.myeducation').html(html_);
              //alert(data[0].educationName);
            },
          });
          $.ajax({
            url: baseUrl + 'education/queryTitleList',
            async: false,
            method: 'Post',
            headers: {
              Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
            },
            success: function (data) {
              var html_ = '<option value="0">请选择</option>';
              for (var i = 0; i < data.length; i++) {
                html_ +=
                  '<option  value="' +
                  data[i].id +
                  '" >' +
                  data[i].titleName +
                  '</option>';
              }
              $('.job-title').html(html_);
              //alert(data[0].educationName);
            },
          });
          $.ajax({
            url: baseUrl + 'education/queryTrainList',
            async: false,
            method: 'Post',
            headers: {
              Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
            },
            success: function (data) {
              var html_ = '<option value="0">请选择</option>';
              for (var i = 0; i < data.length; i++) {
                html_ +=
                  '<option  value="' +
                  data[i].id +
                  '" >' +
                  data[i].trainName +
                  '</option>';
              }
              $('.myTrain').html(html_);
              //alert(data[0].educationName);
            },
          });
          $.ajax({
            url: baseUrl + 'education/queryBatchList',
            method: 'Post',
            success: function (data) {
              var html_ = '<option value="0">请选择</option>';
              for (var i = 0; i < data.length; i++) {
                html_ +=
                  '<option  value="' +
                  data[i].id +
                  '" >' +
                  data[i].batch +
                  '</option>';
              }
              // $("#mybatch").html(html_);
              $('.mybatch').html(html_);
            },
          });
        },
        fileChange: function () {
          var self = this;
          this.fileInput.on('change', function () {
            var files = this.files;
            var id = $(this).attr('id');
            if (files.length) {
              id === 'id-front' && self.uploadFrontImg(files[0]);
              $(this).hide();
              $(this).siblings('.img-con').css('display', 'inline-block');
              self.drawImg($(this).siblings('.img-con').find('img'), files[0]);
            }
          });
        },
        drawImg: function ($el, file) {
          var URL = window.URL || window.webkitURL;
          file.fname = '123123.jpg';
          console.log(file);

          var imgUrl = URL.createObjectURL(file);
          $el.attr('src', imgUrl);
        },
        delImg: function () {
          this.delBtn.on('click', function () {
            $(this).parents('.img-con').hide().siblings('.input-file').show();
            $(this).parents('.img-con').siblings('.input-file')[0].value = '';
          });
        },
        uploadFrontImg: function (file) {
          var formData = new FormData();
          formData.append('headImg', file);
          $.ajax({
            url: baseUrl + 'studentInfo/headImgUpload',
            type: 'POST',
            contentType: false,
            processData: false,
            data: formData,
            headers: {
              Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
            },
            success: function (data) {
              // if (!data) {
              //     $('.front-con').hide()
              //     $('#id-front')[0].value = ''
              //     $('#id-front').show()
              //     return alert('请上传正确的身份证图片');
              // }
              if (data) {
                data = JSON.parse(data);
                data.birthday =
                  data.birth.substr(0, 4) +
                  '-' +
                  data.birth.substr(5, 2) +
                  '-' +
                  data.birth.substr(6);
                $('#name').val(data.name);
                $('#idno').val(data.num);
                $('#nation').val(data.nationality);
                $('#sex').val(data.sex);
                $('#address').val(data.address);
                $('#birth').val(data.birthday);
              }
            },
          });
        },
        initSubmit() {
          var self = this;
          $('#save').on('click', function () {
            self.submitInfo('save');
          });
          $('#submit').on('click', function () {
            self.submitInfo('submit');
          });
        },
        submitInfo(flag) {
          var feeTotal = true;
          if (!$('#name').val()) {
            return alert('请输入姓名');
          }
          if (!$('#idno').val()) {
            return alert('请输入身份证号码');
          }
          if (!$('#phone').val()) {
            return alert('请输入手机号');
          }
          $('.fee').each(function (item) {
            if (!feeTotal) return;
            var show = $(this).attr('data-show');
            if (show) {
              var zong = $(this).find('.zong').val();
              var youhui = $(this).find('.youhui').val();
              var shijiao = $(this).find('.shijiao').val();
              if (!zong) {
                feeTotal = false;
                return alert('请输入总费用');
              }
              if (!youhui) {
                feeTotal = false;
                return alert('请输入优惠费用');
              }
              if (!shijiao) {
                feeTotal = false;
                return alert('请输入实缴费用');
              }
            }
          });
          if (!feeTotal) return;

          // 学历报考信息List
          var studentEducationList = [];
          $('.student-education').each(function (item) {
            // 学习形式
            var studyMode = $(this).find('.studyMode option:selected').text();
            // 学历层次
            var educationName = $(this)
              .find('.educationName option:selected')
              .text();
            // 学校
            var school = $(this).find('.myschool option:selected').text();
            // 报考专业
            var course = $(this).find('.mycourse option:selected').text();
            // 批次
            var batch = $(this).next().find('.mybatch option:selected').text();

            studentEducationList.push({
              studyMode: studyMode === '请选择' ? '' : studyMode,
              educationName: educationName === '请选择' ? '' : educationName,
              schoolName: school === '请选择' ? '' : school,
              majorName: course === '请选择' ? '' : course,
              batch: batch === '请选择' ? '' : batch,
            });
          });
          console.log('studentEducationList', studentEducationList);

          // 职业报考信息List
          var studentOccupationList = [];
          $('.student-occupation').each(function (item) {
            // 职业技能类别
            var professionalType = $(this)
              .find('.professional-type option:selected')
              .text();
            // 报考专业
            var majorName = $(this).find('.majorName option:selected').text();
            // 批次
            var batch = $(this).find('.mybatch option:selected').text();
            // 报考说明
            var explain = $(this).find('.explain').val();

            studentOccupationList.push({
              professionalType:
                professionalType === '请选择' ? '' : professionalType,
              majorName: majorName === '请选择' ? '' : majorName,
              explain: explain,
              batch: batch === '请选择' ? '' : batch,
            });
          });
          console.log('studentOccupationList', studentOccupationList);

          // 职称报考信息List
          var studentTitleList = [];
          $('.student-title').each(function (item) {
            // 职称等级
            var professionalLevel = $(this)
              .find('.professional-level option:selected')
              .text();
            // 职称系列
            var professionalSeries = $(this)
              .find('.professional-series option:selected')
              .text();
            // 报考专业
            var majorName = $(this).find('.majorName option:selected').text();
            // 批次
            var batch = $(this).find('.mybatch option:selected').text();

            studentTitleList.push({
              professionalLevel:
                professionalLevel === '请选择' ? '' : professionalLevel,
              professionalSeries:
                professionalSeries === '请选择' ? '' : professionalSeries,
              majorName: majorName === '请选择' ? '' : majorName,
              batch: batch === '请选择' ? '' : batch,
            });
          });
          console.log('studentTitleList', studentTitleList);

          // 培训报考信息List
          var studentTrainList = [];
          $('.student-train').each(function (item) {
            // 报考项目
            var applyProject = $(this)
              .find('.apply-project option:selected')
              .text();
            // 考试科目
            var examCourse = $(this)
              .find('.exam-course option:selected')
              .text();
            // 班次
            var classes = $(this).find('.classes option:selected').text();
            // 批次
            var batch = $(this).find('.mybatch option:selected').text();
            // 协助报考
            var applyAssist = $(this)
              .next()
              .find('.apply-assist option:selected')
              .text();
            // 开始时间
            var start = $(this).next().find('.start').val();
            // 结束时间
            var end = $(this).next().find('.end').val();

            studentTrainList.push({
              applyProject: applyProject === '请选择' ? '' : applyProject,
              examCourse: examCourse === '请选择' ? '' : examCourse,
              classes: classes === '请选择' ? '' : classes,
              applyAssist: applyAssist === '请选择' ? '' : applyAssist,
              batch: batch === '请选择' ? '' : batch,
              start: start,
              end: end,
            });
          });
          console.log('studentTrainList', studentTrainList);

          var student = [
            {
              pid: JSON.parse(localStorage.getItem('userInfo')).account.split(
                '-'
              )[1],
            },
            { commitFlag: flag === 'save' ? 0 : 1 },
            { name: $('#name').val() },
            { phoneNum: $('#phone').val() },
            { idNo: $('#idno').val() },
            { nation: $('#nation').val() },
            { sex: $('#sex').val() },
            { birthday: $('#birth').val() },
            { address: $('#address').val() },
            { email: $('#email').val() },
            { qqNumber: $('#qq').val() },
            { workAdress: $('#company').val() },
            { major: $('#zhuanye').val() },
            { educationName: $('#educationName option:selected').text() },
            { studyMode: $('#studyMode').val() },
            { graduateSchool: $('#school').val() },
            { graduateTime: $('#time').val() },
            { certificateNumber: $('#certificateNumber').val() },
            { major2: $('#zhuanye2').val() },
            { educationName2: $('#educationName2 option:selected').text() },
            { studyMode2: $('#studyMode2').val() },
            { graduateSchool2: $('#school2').val() },
            { graduateTime2: $('#time2').val() },
            { certificateNumber2: $('#certificateNumber2').val() },
          ];

          var params = {
            pid: JSON.parse(localStorage.getItem('userInfo')).account.split(
              '-'
            )[1],
            commitFlag: flag === 'save' ? 0 : 1,
            name: $('#name').val(),
            phoneNum: $('#phone').val(),
            idNo: $('#idno').val(),
            nation: $('#nation').val(),
            sex: $('#sex').val(),
            birthday: $('#birth').val(),
            address: $('#address').val(),
            email: $('#email').val(),
            qqNumber: $('#qq').val(),
            workAdress: $('#company').val(),

            // 学历一和学历二
            major: $('#zhuanye').val(),
            educationName: $('#educationName option:selected').text(),
            studyMode: $('#studyMode').val(),
            graduateSchool: $('#school').val(),
            graduateTime: $('#time').val(),
            certificateNumber: $('#certificateNumber').val(),
            major2: $('#zhuanye2').val(),
            educationName2: $('#educationName2 option:selected').text(),
            studyMode2: $('#studyMode2').val(),
            graduateSchool2: $('#school2').val(),
            graduateTime2: $('#time2').val(),
            certificateNumber2: $('#certificateNumber2').val(),
          };
          for (var key in params) {
            var son = params[key];
            son === '请选择' && (params[key] = '');
          }
          var str = '',
            maps = [];
          for (var key in params) {
            maps.push(key + '=' + params[key]);
          }
          str = '?' + maps.join('&');
          var self = this;
          $.ajax({
            // url: baseUrl + "studentInfo/saveStudentInfo" + str,
            url: baseUrl + 'studentInfo/saveStudentInfo',
            method: 'Post',
            contentType: 'application/json;charset=UTF-8',
            data: {
              student,
              studentEducation: JSON.stringify(studentEducationList),
              studentOccupation: JSON.stringify(studentOccupationList),
              studentTitle: JSON.stringify(studentTitleList),
              studentTrain: JSON.stringify(studentTrainList),
            },
            headers: {
              Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
            },
            success: function (data) {
              if (data.code === 200) {
                window.uploadId = data.message;
                flag === 'save' ? alert('保存成功') : alert('提交成功');
                self.postFees(params);
              } else {
                alert(data.message);
              }
            },
            error: function (err, res, res1) {
              alert(err.responseJSON.message || '网络错误');
            },
          });
        },
        getFeeInfo(params) {
          var fees = [];
          $('#xueli .fee:visible').each(function (index) {
            $('#xueli .fee-id').each(function (_index) {
              fee.push({
                studentId: window.uploadId,
                trainType: 'education',
                // 报考专业
                studyId:
                  studentEducationList[index]['studentEducation.majorName'],
                // 期数
                stage: $(this).val(),
                // 缴费日期
                term: $('#xueli .fee-time').eq(_index).val(),
                // 缴费金额
                amount: $('#xueli .fee-money').eq(_index).val(),
                // 是否已缴费
                flag: $('#xueli .fee-flag').eq(_index).val(),
                // 总费用
                allFee: $('#xueli .zong').val(),
                // 优惠费用
                preferentialFee: $('#xueli .youhui').val(),
                // 实缴费用
                realPayFee: $('#xueli .shijiao').val(),
              });
            });
          });

          $('#zhiye .fee:visible').each(function (_index) {
            $('#zhiye .fee-id').each(function (index) {
              fees.push({
                studentId: uploadId,
                trainType: 'occupation',
                studyId:
                  studentOccupationList[_index]['studentOccupation.majorName'],
                stage: $(this).val(),
                term: $('#zhiye .fee-time').eq(index).val(),
                amount: $('#zhiye .fee-money').eq(index).val(),
                flag: $('#zhiye .fee-flag').eq(index).val(),
                allFee: $('#zhiye .zong').val(),
                preferentialFee: $('#zhiye .youhui').val(),
                realPayFee: $('#zhiye .shijiao').val(),
              });
            });
          });

          $('#zhicheng .fee:visible').each(function (_index) {
            $('#zhicheng .fee-id').each(function (index) {
              fees.push({
                studentId: uploadId,
                trainType: 'title',
                studyId: studentTitleList[_index]['studentTitle.majorName'],
                stage: $(this).val(),
                term: $('#zhicheng .fee-time').eq(index).val(),
                amount: $('#zhicheng .fee-money').eq(index).val(),
                flag: $('#zhicheng .fee-flag').eq(index).val(),
                allFee: $('#zhicheng .zong').val(),
                preferentialFee: $('#zhicheng .youhui').val(),
                realPayFee: $('#zhicheng .shijiao').val(),
              });
            });
          });

          $('#peixun .fee:visible').each(function (_index) {
            $('#peixun .fee-id').each(function (index) {
              fees.push({
                studentId: uploadId,
                trainType: 'train',
                studyId: studentTrainList[_index]['studentTrain.examCourse'],
                stage: $(this).val(),
                term: $('#peixun .fee-time').eq(index).val(),
                amount: $('#peixun .fee-money').eq(index).val(),
                flag: $('#peixun .fee-flag').eq(index).val(),
                allFee: $('#peixun .zong').val(),
                preferentialFee: $('#peixun .youhui').val(),
                realPayFee: $('#peixun .shijiao').val(),
              });
            });
          });
          return fees;
        },
        postFees(params) {
          var self = this;
          $.ajax({
            url: baseUrl + 'studentInfo/saveStudentFees',
            method: 'post',
            headers: {
              Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
            },
            contentType: 'application/json',
            data: JSON.stringify(this.getFeeInfo(params)),
            success: function (data) {
              self.postFiles();
            },
          });
        },
        postFiles() {
          if (!window.uploadId) return;
          var files = [];
          var formData = new FormData();
          var maps = {
            'id-front': 'id-front',
            'id-back': 'id-back',
            '1cun': '1cun',
            '2cun': '2cun',
            biyezheng1: 'biyezheng1',
            xueweizheng1: 'xueweizheng1',
            zhucebiao1: 'zhucebiao1',
            biyezheng2: 'biyezheng2',
            xueweizheng2: 'xueweizheng2',
            zhucebiao2: 'zhucebiao2',
            byz: 'byz',
            xwz: 'xwz',
            zh1: $('#zh1').siblings('input').val(),
            zh2: $('#zh2').siblings('input').val(),
            zh3: $('#zh3').siblings('input').val(),
            zh4: $('#zh4').siblings('input').val(),
          };
          $('.input-file').each(function (index) {
            if (this.files.length) {
              files.push({
                file: this.files[0],
                key: maps[$(this).attr('id')],
              });
            }
          });
          formData.append('studentId', window.uploadId);
          files.forEach(function (item, index) {
            formData.append('propertys', item.key);
            formData.append('files', item.file);
          });
          $.ajax({
            url: baseUrl + 'studentInfo/uploadStuCertificate',
            method: 'post',
            headers: {
              Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
            },
            data: formData,
            processData: false,
            contentType: false,
            mimeType: 'multipart/form-data',
            success: function (data) {
              window.location.href = '../hotel/studentSearch.html';
            },
          });
        },
      };
      info.init();

      function getUserInfo(idNo, type, trainType) {
        console.log('baseUrl', baseUrl);
        $.ajax({
          url: baseUrl + 'studentInfo/getStudentInfo',
          method: 'Get',
          headers: {
            Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
          },
          data: {
            idNo,
            trainType,
          },
          success: function (data) {
            if (!data.student) {
              return alert('未找到对应的数据');
            }
            var fees = data.fees;
            var student = data.student;
            var education = data.studentEducation;
            var train = data.studentTrain;
            var title = data.studentTitle;
            var occu = data.studentOccupation;
            var id1, id2, id3, id4;
            window.uploadId = student.id;
            showImg(data.studentCards);
            console.log(student.commitFlag);
            console.log('flag===', flag);
            if (
              flag &&
              flag == 1 &&
              student.commitFlag != 2 &&
              student.commitFlag != 4
            ) {
              console.log(11);
              $('#reason-con').show();
              $('#reason').show();
              $('#reason').val(student.denyReason).attr('disabled', true);
            }
            if (student.commitFlag == 5) {
              $('#save').hide();
            }
            if (fees[0].denyReason) {
              $('#bohui-info').show();
              $('#reason').show();
              $('#reason').val(fees[0].denyReason);
            }
            if (type == 'look') {
              $('#reason').attr('disabled', true);
            }
            $('#name').val(student.name);
            $('#phone').val(student.phoneNum);
            $('#idno').val(student.idNo);
            $('#nation').val(student.nation);
            $('#sex').val(student.sex);
            $('#birth').val(student.birthday);
            $('#address').val(student.address);
            $('#email').val(student.email);
            $('#qq').val(student.qqNumber);
            $('#company').val(student.workAdress);

            $('#zhuanye').val(student.major ? student.major : '');
            $('#major1').val(student.educationName);
            $('#school').val(student.graduateSchool);
            $('#time').val(student.graduateTime);

            $('#zhuanye2').val(student.major2);
            $('#major2').val(student.educationName2);
            $('#school2').val(student.graduateSchool2);
            $('#time2').val(student.graduateTime2);

            $('#start').val(train.startDate);
            $('#end').val(train.endDate);

            $('#myeducation option').each(function () {
              if ($(this).text() == education.educationName) {
                $(this).prop('selected', true);
                querySchool({
                  value: $(this).attr('value'),
                });
              }
            });
            $('#mybatch option').each(function () {
              if ($(this).text() == education.batch) {
                $(this).prop('selected', true);
              }
            });
            $('#myOccupation option').each(function () {
              if ($(this).text() == occu.professionalTypes) {
                $(this).prop('selected', true);
                queryOccupation({
                  value: $(this).attr('value'),
                });
              }
            });
            $('#myTrain option').each(function () {
              if ($(this).text() == train.courseCategory) {
                $(this).prop('selected', true);
                queryTrain({
                  value: $(this).attr('value'),
                });
              }
            });
            $('#myTitle option').each(function () {
              if ($(this).text() == title.professionalTitle) {
                $('#zhicheng').show().attr('data-show', 'show');
                $(this).prop('selected', true);
                id3 = $(this).attr('value');
              }
            });
            setTimeout(function () {
              $('#myschool option').each(function () {
                if ($(this).text() == education.schoolName) {
                  $(this).prop('selected', true);
                  queryCourse({
                    value: $(this).attr('value'),
                  });
                }
              });
              $('#occupationInfo option').each(function () {
                if ($(this).text() == occu.professionalName) {
                  $(this).prop('selected', true);
                  id2 = $(this).attr('value');
                }
              });
              $('#myTrainInfo option').each(function () {
                if ($(this).text() == train.courseName) {
                  $(this).prop('selected', true);
                  id4 = $(this).attr('value');
                }
              });
            }, 800);

            setTimeout(function () {
              $('#mycourse option').each(function () {
                if ($(this).text() == education.majorName) {
                  $(this).prop('selected', true);
                  id1 = $(this).attr('value');
                }
              });
              if (education.majorName) {
                $('#xueli').show().attr('data-show', 'show');
                var fee = fees.filter(function (f) {
                  return f.studyId == id1;
                });
                console.log(fee);
                fee.splice(4);
                fee.forEach(function (item, index) {
                  $('#xueli .fee-id').eq(index).attr('data-feeid', item.id);
                  $('#xueli .fee-id').eq(index).val(item.stage);
                  $('#xueli .fee-money').eq(index).val(item.amount);
                  $('#xueli .fee-time').eq(index).val(item.term);
                  $('#xueli .fee-flag').eq(index).val(item.flag);
                  $('#xueli .zong').val(item.allFee);
                  $('#xueli .youhui').val(item.preferentialFee);
                  $('#xueli .shijiao').val(item.realPayFee);
                });
              }
              if (occu.professionalName) {
                var fee = fees.filter(function (f) {
                  return f.studyId == id2;
                });
                fee.splice(2);
                fee.forEach(function (item, index) {
                  $('#zhiye .fee-id').eq(index).val(item.stage);
                  $('#zhiye .fee-id').eq(index).attr('data-feeid', item.id);
                  $('#zhiye .fee-money').eq(index).val(item.amount);
                  $('#zhiye .fee-time').eq(index).val(item.term);
                  $('#zhiye .fee-flag').eq(index).val(item.flag);
                  $('#zhiye .zong').val(item.allFee);
                  $('#zhiye .youhui').val(item.preferentialFee);
                  $('#zhiye .shijiao').val(item.realPayFee);
                });
                $('#zhiye').show().attr('data-show', 'show');
              }
              if (train.courseName) {
                $('#peixun').show().attr('data-show', 'show');
                var fee = fees.filter(function (f) {
                  return f.studyId == id4;
                });
                fee.splice(2);
                fee.forEach(function (item, index) {
                  $('#peixun .fee-id').eq(index).val(item.stage);
                  $('#peixun .fee-id').eq(index).attr('data-feeid', item.id);
                  $('#peixun .fee-money').eq(index).val(item.amount);
                  $('#peixun .fee-time').eq(index).val(item.term);
                  $('#peixun .fee-flag').eq(index).val(item.flag);
                  $('#peixun .zong').val(item.allFee);
                  $('#peixun .youhui').val(item.preferentialFee);
                  $('#peixun .shijiao').val(item.realPayFee);
                });
              }
              if (title.professionalTitle) {
                $('#zhicheng').show().attr('data-show', 'show');
                var fee = fees.filter(function (f) {
                  return f.studyId == id3;
                });
                fee.splice(2);
                fee.forEach(function (item, index) {
                  $('#zhicheng .fee-id').eq(index).attr('data-feeid', item.id);
                  $('#zhicheng .fee-id').eq(index).val(item.stage);
                  $('#zhicheng .fee-money').eq(index).val(item.amount);
                  $('#zhicheng .fee-time').eq(index).val(item.term);
                  $('#zhicheng .fee-flag').eq(index).val(item.flag);
                  $('#zhicheng .zong').val(item.allFee);
                  $('#zhicheng .youhui').val(item.preferentialFee);
                  $('#zhicheng .shijiao').val(item.realPayFee);
                });
              }
            }, 1600);
          },
        });
      }

      function showImg(list) {
        if (!list.length) return;
        var maps = ['id-front', 'id-back', 'byz', 'xwz'],
          zh1,
          zh2,
          zh3,
          zh4,
          id;
        // createDate: "2020-05-04 21:31"
        // fileName: "files"
        // fileResource: "hongyu/picture/9628c792afeb4187ab9961782748217a_self-front.jpg"
        // id: "1257301893667921921"
        // property: "id-front"
        // studentId: "1257301892749369345"
        list.forEach(function (item, index) {
          if (maps.includes(item.property)) {
            $('#' + item.property).hide();
            $('#' + item.property)
              .siblings('p')
              .css('display', 'inline-block')
              .find('img')
              .attr(
                'src',
                baseUrl + 'studentInfo/picDownload?url=' + item.fileResource
              );
          } else {
            if (!zh1) {
              id = 'zh1';
              zh1 = 1;
            } else if (!zh2) {
              id = 'zh2';
              zh2 = 1;
            } else if (!zh3) {
              zh3 = 1;
              id = 'zh3';
            } else {
              zh4 = 1;
              id = 'zh4';
            }
            $('#' + id).hide();
            $('#' + id)
              .siblings('p')
              .css('display', 'inline-block')
              .find('img')
              .attr(
                'src',
                baseUrl + 'studentInfo/picDownload?url=' + item.fileResource
              );
            $('#' + id)
              .siblings('input')
              .val(item.property);
          }
        });
      }

      function showFee(self, selector) {
        console.log(self.value);
        if (self.value != 0) {
          $(selector).show().attr('data-show', 'show');
        } else {
          $(selector).hide().removeAttr('data-show');
        }
      }

      function querySchool(obj, idx) {
        $.ajax({
          url: baseUrl + 'education/querySchoolList',
          method: 'Post',
          data: 'educationId=' + obj.value,
          headers: {
            Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
          },
          success: function (data) {
            var html_ = '<option value="0">请选择</option>';
            for (var i = 0; i < data.length; i++) {
              html_ +=
                '<option  value="' +
                data[i].id +
                '" >' +
                data[i].schoolName +
                '</option>';
            }
            $(`#myschool${idx}`).html(html_);
          },
        });
      }

      function queryCourse(obj, idx) {
        $.ajax({
          url: baseUrl + 'education/queryCourseList',
          method: 'Post',
          data: 'schoolId=' + obj.value,
          headers: {
            Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
          },
          success: function (data) {
            var html_ = '<option value="0">请选择</option>';
            for (var i = 0; i < data.length; i++) {
              html_ +=
                '<option  value="' +
                data[i].id +
                '" >' +
                data[i].courseName +
                '</option>';
            }
            $(`#mycourse${idx}`).html(html_);
            //alert(data[0].educationName);
          },
        });
      }

      function queryBatch() {
        $.ajax({
          url: baseUrl + 'education/queryBatchList',
          method: 'Post',
          success: function (data) {
            var html_ = '<option value="0">请选择</option>';
            for (var i = 0; i < data.length; i++) {
              html_ +=
                '<option  value="' +
                data[i].id +
                '" >' +
                data[i].batch +
                '</option>';
            }
            // $("#mybatch").html(html_);
          },
        });
      }

      queryBatch();
      function queryOccupation(obj, idx) {
        $.ajax({
          url: baseUrl + 'education/queryOccupationInfoList',
          method: 'Post',
          headers: {
            Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
          },
          data: 'occupationId=' + obj.value,
          success: function (data) {
            var html_ = '<option value="0">请选择</option>';
            for (var i = 0; i < data.length; i++) {
              html_ +=
                '<option  value="' +
                data[i].id +
                '" >' +
                data[i].occupationInfoName +
                '</option>';
            }
            $(`#myOccupationCourse${idx}`).html(html_);
            //alert(data[0].educationName);
          },
        });
      }

      function queryTrain(obj, idx) {
        $.ajax({
          url: baseUrl + 'education/queryTrainInfoList',
          method: 'Post',
          headers: {
            Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
          },
          data: 'trainId=' + obj.value,
          success: function (data) {
            var html_ = '<option value="0">请选择</option>';
            for (var i = 0; i < data.length; i++) {
              html_ +=
                '<option  value="' +
                data[i].id +
                '" >' +
                data[i].trainInfoName +
                '</option>';
            }
            $(`#examCourse${idx}`).html(html_);
          },
        });
      }

      var pageFrom = '';
      if (getQuery('from')) {
        var from = getQuery('from');
        var id = getQuery('id');
        var type = getQuery('type');
        var idNo = getQuery('idNo');
        var trainType = getQuery('trainType');
        pageFrom = from;
        if (from === 'list') {
          //列表
          changeByList(type);
        }
        if (from === 'jiaofei' || from === 'jiaowu') {
          changeByFee(type);
        }
        setTimeout(() => {
          getUserInfo(idNo, type, trainType);
        }, 500);
      }

      function changeByList(type) {
        if (type === 'look') {
          $('#buttons').hide();
          $('#buttons-back').show();
          $('.add').attr('disabled', true);
          $('input').attr('disabled', true);
          $('select').attr('disabled', true);
        } else if (type === 'edit') {
          $('#save').text('修改');
          $('#id').attr('disabled', true);
          $('#name').attr('disabled', true);
          $('#idno').attr('disabled', true);
          $('#id-front')
            .attr('disabled', true)
            .siblings('p')
            .children('b')
            .hide();
          $('#id-back')
            .attr('disabled', true)
            .siblings('p')
            .children('b')
            .hide();
        }
      }

      function changeByFee(type) {
        pageFrom === 'jiaofei' && $('#pingzheng').show();
        $('#buttons').hide();
        $('#buttons-back').show();
        $('input').attr('disabled', true);
        $('.add').attr('disabled', true);
        $('select').attr('disabled', true);
        if (type === 'check') {
          $('#buttons-back').hide();
          $('#check-buttons').show();
          $('#reason-con').show();
        }
      }

      var reasonUrl =
        pageFrom === 'jiaofei'
          ? baseUrl + 'studentInfo/caiwuCheck'
          : baseUrl + 'studentInfo/jiaowuCheck';
      $('#resolve').on('click', function () {
        var data = {
          studentId: getQuery('id'),
          userId: JSON.parse(localStorage.getItem('userInfo')).userId,
          checkType: 1,
          denyReason: '',
        };
        $.ajax({
          url: reasonUrl,
          method: 'post',
          headers: {
            Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
          },
          data: data,
          success: function (res) {
            if (res.code === 200) {
              alert('审核通过');
            } else {
              alert(res.message);
            }
            window.location.href =
              pageFrom === 'jiaofei'
                ? '../store/moneySearch.html'
                : '../trade/tradeSearch.html';
          },
        });
      });

      $('#reject').on('click', function () {
        var reason = $('#reason').val();
        if (!reason) {
          return alert('请输入驳回原因');
        }
        var data = {
          studentId: getQuery('id'),
          userId: JSON.parse(localStorage.getItem('userInfo')).userId,
          checkType: 2,
          denyReason: reason,
        };
        $.ajax({
          url: reasonUrl,
          method: 'post',
          headers: {
            Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
          },
          data: data,
          success: function (res) {
            if (res.code === 200) {
              alert('已驳回');
            } else {
              alert(res.message);
            }
            window.location.href =
              pageFrom === 'jiaofei'
                ? '../store/moneySearch.html'
                : '../trade/tradeSearch.html';
          },
        });
      });

      function bigShow(src) {
        $('.big-img img').attr('src', src);
        $('.big-img').show();
      }
      $('.big-img').on('click', function () {
        $('.big-img').hide();
      });

      $('.img-con img').on('click', function () {
        var src = $(this).attr('src');
        if (src.endsWith('pdf')) {
          src = encodeURIComponent(location.origin + src);
          window.open('../../pdf/web/viewer.html?file=' + src);
        } else {
          bigShow(src);
        }
      });
    </script>
  </body>
</html>
